

.menu{
    display: inline;
    height: 57px;
    
    
    &-row{
        background-color: #dedddc;
        &-col{

            &-min{

                &-logo{
                    height: 57px;
                    display: inline;
                    float: left;
                    margin-left: 10px;
                    &-img{
                        height: 57px;
                        
                    }
                }

                &-navbar{
                    display: block;
                    
                    &-button{
                      
                        display: inline;
                        float: right;
                        border: 2px solid #cecdcf;
                        font-size: 30px;
                        border-radius: 6px;
                        line-height: 50px;
                        height: 57px;
                        width: 57px;
                        display: table-cell;
                        padding: 0 10px;
                        vertical-align: middle;
                        cursor: pointer;

                        &:hover{
                            background-color: #cecdcf;
                            
                        }
                    }

                    &-menu{
                        

                        ul{
                            list-style-type: none;
                            padding: 0;
                            display: inline;
                            width: 100%;
                            text-align:center;
                            margin-top: 117px;
                            a{
                                display:block;
                                padding: 10px;
                                text-decoration: none;
                            }
                        }
                    }
                }
            }

            &-main{
                background-color: #dedddc;
                &-logo{
                    height: 57px;
                    background-color: #dedddc;
                    display: inline-block;
                    margin: 0;
                    padding: 0;
                    margin-right: 23px;
            
                    &-img{
                        height: 57px;
                    }
                }

                &-content{
                    background-color: #dedddc;
                    height: 57px;
                    display: table-cell;
                    vertical-align: middle;
                    font-size: 23px;
                    
                    color: #4a74c9;
                }
            }
        }
    }
}

@media screen and (max-width: 954px){
    .menu{ 
        :global{
            .ant-col-16{
                
                width: 100%;
                text-align:center;
            }
        }   
         
        .menu-row-col-main{
        
            display: table;
            margin-right: auto;
            margin-left: auto;

            &-content{
                padding: 10px;
                font-size: 18px;
                font-weight: 600;
                
            }
        }
    }
    
    
}

@media screen and (max-width: 470px){
    menu-row-col-main-content{
        visibility:"hidden";
        
    }
}



  




.collapsible-menu  {
    background-color: #dedddc;
    // padding: 0px 30px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    &-logo{
        display: inline;
        height: 57px;
        & > img{
            display: inline;
            height: 57px;
            float: left;
        }
    }
    input#menu {
        display: none;
    }

    label{
        font-size: 33px;
        height: 50px;
        width: 50px;
        border: 2px solid #d3d2d3;
        border-radius: 10px;
        display: inline-block;
        cursor: pointer;
        float: right;
        margin: 3px 10px 0 0;
        &:hover{
            background-color: #d3d2d3;
            color: #737373;
        }

    }
    .menu-content {
        font-family: 'Oswald', sans-serif; 
        max-height: 0;
        overflow: hidden;
        font-family: 'Oswald', sans-serif;
        padding: 0 0 0 46px;
        ul{
            margin-top: 50px;
            list-style-type: none;
            padding: 0;
            color: #4a74c9;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;

           li{
               &:hover{
                   color:#1890ff;
                }        
           }
           
            a {
                display:block;
                padding: 10px;
                text-decoration: none;
            }
        
        }
    }
    input:checked ~ .menu-content {
        max-height: 100%;
    }
    
}
